<!-- 月嫂列表-无电话号码 -->
<style scoped rel="stylesheet/scss" lang="scss">
	@import '../../../css/public.scss';
	ul.MaternityMatronlist{
		width: 100%;
		>li{
			width: 100%;
			height: 200px;
			padding:30px;
			background-color:#fff;
			border-bottom: 1px solid #e1e1e1;
			a{
				display: block;
				width: 100%;
				@include clearfloat;
				div.iconCn{
					width: 120px;
					height: 120px;
					border-radius:50%;
					float: left;
					>img{
						width: 100%;
						border-radius:50%;

					}
				}

				div.info{
					float: left;
					width: 430px;
					margin-left: 40px;
					div.name{
						margin-top: 20px;
						font-size: 28px;
						color: #333;
						line-height: 46px;
					}
					div.phone,
					div.infomatiion{
						margin-top: 30px;
						font-size: 24px;
						color: #333333;
						line-height: 20px;

					}
					div.infomatiion{
						color: #666;
					}
				}

				div.starCn{
					float: right;
					width: 100px;
					padding-top:10px;
					text-align: center;

					.imgC{
						width: 100%;
					}
					.text{
						font-size: 18px;
						margin-top: 8px;
					}
				}
			}
		}
	}

</style>

<template>
	<ul class="MaternityMatronlist">
		<li>
			<a href="#">
				<div class="iconCn"><img src="images/icon.jpg"></div>
				<div class="info">
					<div class="name">王阿姨  49岁</div>
					<div class="infomatiion">8年工作经验｜照顾过超过30个宝宝</div>
				</div>

				<div class="starCn">
					<div class="imgC"><img src="images/star.png"></div>
					<div class="text">五星月嫂</div>
				</div>
			</a>
		</li>
		<li>
			<a href="#">
				<div class="iconCn"><img src="images/icon.jpg"></div>
				<div class="info">
					<div class="name">王阿姨  49岁</div>
					<div class="infomatiion">8年工作经验｜照顾过超过30个宝宝</div>
				</div>

				<div class="starCn">
					<div class="imgC"><img src="images/star.png"></div>
					<div class="text">五星月嫂</div>
				</div>
			</a>
		</li>
		<li>
			<a href="#">
				<div class="iconCn"><img src="images/icon.jpg"></div>
				<div class="info">
					<div class="name">王阿姨  49岁</div>
					<div class="infomatiion">8年工作经验｜照顾过超过30个宝宝</div>
				</div>

				<div class="starCn">
					<div class="imgC"><img src="images/star.png"></div>
					<div class="text">五星月嫂</div>
				</div>
			</a>
		</li>

	</ul>

</template>

<script>
	export default {
		data(){
			return {
				
			}
		},
		computed: {
	    	// getData(){
	    	// 	return this.$store.getters.getDataVal;
	    	// }
	    	
	    },
	    watch:{
	    	// getData(obj){

	    	// }
	    }

	}
</script>
